<template>
  <div class="rhinitis-template-manage-container">
    <section>
      <XmCardHeader title="变应性鼻炎治疗方案模板管理"></XmCardHeader>
      <div class="page-header-hubs">
        <div class="left">
          <el-button type="primary">添加</el-button>
        </div>
        <div class="right">
          <el-button type="primary">搜索</el-button>
          <el-button>重置</el-button>
        </div>
      </div>
      <div class="content">
        <el-form>
          <el-row :gutter="20">
            <el-col :span="6">
              <xm-f-intput label="模板内容筛选"></xm-f-intput>
            </el-col>
            <el-col :span="6">
              <xm-f-intput label="模板类型"></xm-f-intput>
            </el-col>
          </el-row>
        </el-form>
      </div>
    </section>
    <section style="margin-top: 44px">
      <PaginationTable>
        <XMTableColumn label="病历字段" prop="name"></XMTableColumn>
        <XMTableColumn
          label="疾病类型"
          sortable="custom"
          prop="createTime"
        ></XMTableColumn>
        <XMTableColumn label="模板名称" prop="statusTitle"></XMTableColumn>
        <XMTableColumn label="模板内容" prop="statusTitle"></XMTableColumn>
        <XMTableColumn label="模板类型" prop="statusTitle"></XMTableColumn>
        <XMTableColumn label="创建人" prop="statusTitle"></XMTableColumn>
        <XMTableColumn label="操作">
          <template #default="scope">
            <el-button size="small" type="primary" @click="edit(scope.row)">
              编辑
            </el-button>
            <el-button size="small" type="danger" @click="del(scope.row)">
              删除
            </el-button>
          </template>
        </XMTableColumn>
      </PaginationTable>
    </section>
  </div>
</template>
<script>
  export default {
    name: 'normolTemplateManage',
    setup() {},
  }
</script>
<style lang="scss" scoped>
  @import '@/styles/mixin.scss';
  .rhinitis-template-manage-container {
    margin: 22px;
    background-color: white;
    @include card-shadow;
    padding: 22px;
    .page-header-hubs {
      display: flex;
      align-items: center;
      justify-content: space-between;
      .el-button {
        width: 100px;
      }
    }
    .content {
      .el-form-item {
        margin-top: 15px;
        margin-bottom: 15px;
      }
      .el-select {
        width: 70px;
      }
    }
  }
</style>
